/*
 * @FilePath     : /study_code/scss/@extend.scss
 * @Description  : @extend 继承指令
 * @Date         : 2025-04-24 15:38:04
 * @Author       : Fang YingGui
 * @LastEditors  : fangyinggui 18715384437@163.com
 * @LastEditTime : 2025-04-24 15:38:05
 */
a {
  color: red;
}

b {
  background: blue;
}

.d1 {
  @extend a, b;
}

/* 链式扩展 */
.error {
  border: 1px #f00;
  background-color: #fdd;
}
.seriousError {
  @extend .error;
  border-width: 3px;
}
.criticalError {
  // !这里指令作用的选择器，上面也使用了 @extend 指令
  @extend .seriousError;
  position: fixed;
  top: 10%;
  bottom: 10%;
  left: 10%;
  right: 10%;
}
